<template>
  <div class="mod-config">
    <el-table
      :data="dataList"
      border
      v-loading="dataListLoading"
      @selection-change="selectionChangeHandle"
      style="width: 100%;">

      <el-table-column
        type="index"
        label="序号"
        header-align="center"
        align="center"
        width="50">
      </el-table-column>
      <el-table-column
        prop="gongYingLeiXingName"
        header-align="center"
        align="center"
        label="供应类型">
      </el-table-column>
      <el-table-column
        prop="yaoCaiMingCheng"
        header-align="center"
        align="center"
        label="药材名称">
      </el-table-column>
      <el-table-column
        prop="kuCun"
        header-align="center"
        align="center"
        label="库存">
      </el-table-column>
      <el-table-column
        prop="shiFouShangJia"
        header-align="center"
        align="center"
        label="上架状态">
      </el-table-column>
      <el-table-column
        prop="yaoCaiChanDi"
        header-align="center"
        align="center"
        label="药材产地">
      </el-table-column>
      <el-table-column
        prop="jiaGe"
        header-align="center"
        align="center"
        label="价格">
      </el-table-column>

      <el-table-column
        prop="jiaoHuoDi"
        header-align="center"
        align="center"
        label="交货地">
      </el-table-column>

      <el-table-column
        fixed="right"
        header-align="center"
        align="center"
        label="操作">
        <template slot-scope="scope">
          <el-button type="text" size="small"
                     @click="infoHandle(scope.row.id)"><i class="el-icon-edit"></i>查看详情</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      @size-change="sizeChangeHandle"
      @current-change="currentChangeHandle"
      :current-page="pageIndex"
      :page-sizes="[10, 20, 50, 100]"
      :page-size="pageSize"
      :total="totalPage"
      layout="total, sizes, prev, pager, next, jumper">
    </el-pagination>
    <!-- 弹窗, 新增 / 修改 -->
    <el-dialog title="添加或编辑" :visible.sync="addOrUpdateVisible">
      <el-form :rules="dataRule" :model="dataSaveForm" ref="dataForm" @keyup.enter.native="dataFormSubmit()">
        <el-form-item hidden :label-width="'120px'"  prop="id">
          <el-input v-model="dataSaveForm.id" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="供应类型" :label-width="'120px'"  prop="gongYingLeiXing">
          <el-select v-model="dataSaveForm.gongYingLeiXing" placeholder="请选择" clearable style="width: 100%" @change="changeGongYing">
            <el-option
              v-for="item in gongYingLeiXList"
              :key="item.id"
              :label="item.value"
              :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="药材名称" :label-width="'120px'"  prop="yaoCaiMingCheng">
          <el-input v-model="dataSaveForm.yaoCaiMingCheng" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="库存" :label-width="'120px'"  prop="kuCun">
          <el-input v-model="dataSaveForm.kuCun" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="供应数量" :label-width="'120px'"  prop="gongYingShuLiang">
          <el-input v-model="dataSaveForm.gongYingShuLiang" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="规格" :label-width="'120px'"  prop="guiGe">
          <el-input v-model="dataSaveForm.guiGe" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="联系人" :label-width="'120px'"  prop="lianXiRen">
          <el-input v-model="dataSaveForm.lianXiRen" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="联系电话" :label-width="'120px'"  prop="lianXiDianHua">
          <el-input v-model="dataSaveForm.lianXiDianHua" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="药材产地" :label-width="'120px'"  prop="yaoCaiChanDi">
          <el-input v-model="dataSaveForm.yaoCaiChanDi" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="价格" :label-width="'120px'"  prop="jiaGe">
          <el-input v-model="dataSaveForm.jiaGe" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="企业" :label-width="'120px'"  prop="qiYe">
          <el-input v-model="dataSaveForm.qiYe" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="可供票据" :label-width="'120px'"  prop="keGongPiaoJu">
          <el-input v-model="dataSaveForm.keGongPiaoJu" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="资质标准" :label-width="'120px'"  prop="ziZhiBiaoZhun">
          <el-input v-model="dataSaveForm.ziZhiBiaoZhun" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="质量标准" :label-width="'120px'"  prop="zhiLiangBiaoZhun">
          <el-input v-model="dataSaveForm.zhiLiangBiaoZhun" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="付款方式" :label-width="'120px'"  prop="fuKuanFangShi">
          <el-input v-model="dataSaveForm.fuKuanFangShi" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="是否上架" :label-width="'120px'"  prop="shiFouShangJia">
          <el-select v-model="dataSaveForm.shiFouShangJia"  clearable style="width: 100%" placeholder="是否上架">
            <el-option label="上架" value='上架'></el-option>
            <el-option label="下架" value='下架'></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="药材图片" :label-width="'120px'"  prop="yaoCaiTuPian">
          <!--                            <el-input v-model="dataSaveForm.yaoCaiTuPian" autocomplete="off"></el-input>-->
          <img-upload
            v-model="dataSaveForm.yaoCaiTuPian"
            :file-id="dataSaveForm.yaoCaiTuPian"
            :list="list1"
            :is-boolean="isBoolean1"
            ref="pic1"
          >
          </img-upload>
        </el-form-item>
        <el-form-item label="库存地" :label-width="'120px'"  prop="kuCunDi">
          <el-input v-model="dataSaveForm.kuCunDi" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="起售数量" :label-width="'120px'"  prop="qiShouShuLiang">
          <el-input v-model="dataSaveForm.qiShouShuLiang" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="无票售价" :label-width="'120px'"  prop="wuPiaoShouJia">
          <el-input v-model="dataSaveForm.wuPiaoShouJia" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="交货地" :label-width="'120px'"  prop="jiaoHuoDi">
          <el-input v-model="dataSaveForm.jiaoHuoDi" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="寄样" :label-width="'120px'"  prop="jiYang">
          <el-input v-model="dataSaveForm.jiYang" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="包装" :label-width="'120px'"  prop="baoZhuang">
          <el-input v-model="dataSaveForm.baoZhuang" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="qx()">取 消</el-button>
        <el-button type="primary" @click="dataFormSubmit()">确 定</el-button>
      </div>
    </el-dialog>

    <!-- 详情 -->
    <el-dialog title="供应管理药材供应" :visible.sync="infoVisible" :modal-append-to-body="false">
      <div class="mod-config">
        <el-row>
          <div class="el-descriptions__title custom-title">采购详情</div>
        </el-row>
        <el-row :gutter="0" style="display: flex">
          <el-col :span="10" style="align-items: stretch;margin-right: 16px;">
            <img class="devImg" fit="fill" style="width: 100%;height: 80%" :src="this.$http.adornUrl('/api-file/file/view/file?fileId='+ this.infoList.yaoCaiTuPian) ">
            <el-descriptions :column="1"  :colon="false" content-class-name="my-content">
              <el-descriptions-item label="">{{this.infoList.yaoCaiMingCheng}}</el-descriptions-item>
            </el-descriptions>
            <p style="text-align: center;font-size: 14px">发布时间:{{this.infoList.faBuShiJian}}</p>
          </el-col>
          <el-col :span="10">
            <el-descriptions :column="1" label-class-name="myLableClassName"  content-class-name="myContentClassName">
              <el-descriptions-item label="库存">{{this.infoList.kuCun}}</el-descriptions-item>
              <el-descriptions-item label="规格">{{this.infoList.guiGe}}</el-descriptions-item>
              <el-descriptions-item label="药材产地">{{this.infoList.yaoCaiChanDi}}</el-descriptions-item>
              <el-descriptions-item label="企业">{{this.infoList.qiYe}}</el-descriptions-item>
              <el-descriptions-item label="可供票据">{{this.infoList.keGongPiaoJu}}</el-descriptions-item>
              <el-descriptions-item label="资质标准">{{this.infoList.ziZhiBiaoZhun}}</el-descriptions-item>
              <el-descriptions-item label="质量标准">{{this.infoList.zhiLiangBiaoZhun}}</el-descriptions-item>
              <el-descriptions-item label="付款方式">{{this.infoList.fuKuanFangShi}}</el-descriptions-item>
              <el-descriptions-item label="联系人">{{this.infoList.lianXiRen}}</el-descriptions-item>
              <el-descriptions-item label="联系电话">{{this.infoList.lianXiDianHua}}</el-descriptions-item>
              <el-descriptions-item label="交货地">{{this.infoList.jiaoHuoDi}}</el-descriptions-item>

              <!--                            <el-descriptions-item label="库存">{{this.infoList.kuCun}}</el-descriptions-item>
                                          <el-descriptions-item label="供应数量">{{this.infoList.gongYingShuLiang}}</el-descriptions-item>
                                          <el-descriptions-item label="状态">{{this.infoList.zhuangTai}}</el-descriptions-item>
                                          <el-descriptions-item label="价格">{{this.infoList.jiaGe}}</el-descriptions-item>
                                          <el-descriptions-item label="库存地">{{this.infoList.kuCunDi}}</el-descriptions-item>
                                          <el-descriptions-item label="起售数量">{{this.infoList.qiShouShuLiang}}</el-descriptions-item>
                                          <el-descriptions-item label="无票售价">{{this.infoList.wuPiaoShouJia}}</el-descriptions-item>-->


            </el-descriptions>
          </el-col>
          <el-col :span="4">
            <!--                  <el-descriptions class="margin-top" :column="1" direction="vertical">
                                  <el-descriptions-item label="供应数量">{{this.infoList.gongYingShuLiang}}</el-descriptions-item>
                                  <el-descriptions-item label="上架状态">{{this.infoList.shiFouShangJia}}</el-descriptions-item>
                              </el-descriptions>-->
            <p style="text-align: left;font-size: 18px;font-weight:bold;color: red">{{this.infoList.jiaGe}}元/公斤</p>
            <p style="text-align: left;font-size: 20px;font-weight:bold;color: #00a2d4">{{this.infoList.shiFouShangJia}}</p>

          </el-col>
        </el-row>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="qxinfo()">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import ImgUpload from "../../components/upload/ImgUpload"
export default {
  props: {
    yongHuId: String // 接收并展示来自父组件的值
  },
  data() {
    return {
      dataForm: {
        gongYingLeiXing:'',
        yaoCaiMingCheng:'',
        kuCun:'',
        gongYingShuLiang:'',
        guiGe:'',
        zhuangTai:'',
        lianXiRen:'',
        lianXiDianHua:'',
        yaoCaiChanDi:'',
        jiaGe:'',
        faBuShiJian:'',
        qiYe:'',
        keGongPiaoJu:'',
        ziZhiBiaoZhun:'',
        zhiLiangBiaoZhun:'',
        fuKuanFangShi:'',
        shiFouShangJia:'',
        yaoCaiTuPian:'',
        kuCunDi:'',
        qiShouShuLiang:'',
        wuPiaoShouJia:'',
        jiaoHuoDi:'',
        jiYang:'',
        baoZhuang:'',
        guanLianYongHu:'',
      },
      dataSaveForm: {
        gongYingLeiXing:'',
        gongYingLeiXingName:'',
        yaoCaiMingCheng:'',
        kuCun:'',
        gongYingShuLiang:'',
        guiGe:'',
        zhuangTai:'',
        lianXiRen:'',
        lianXiDianHua:'',
        yaoCaiChanDi:'',
        jiaGe:'',
        faBuShiJian:'',
        qiYe:'',
        keGongPiaoJu:'',
        ziZhiBiaoZhun:'',
        zhiLiangBiaoZhun:'',
        fuKuanFangShi:'',
        shiFouShangJia:'',
        yaoCaiTuPian:'',
        kuCunDi:'',
        qiShouShuLiang:'',
        wuPiaoShouJia:'',
        jiaoHuoDi:'',
        jiYang:'',
        baoZhuang:'',
        guanLianYongHu:'',
      },
      dataRule: {
        gongYingLeiXing: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        yaoCaiMingCheng: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        kuCun: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        gongYingShuLiang: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        guiGe: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        lianXiRen: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        lianXiDianHua: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        yaoCaiChanDi: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        jiaGe: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        qiYe: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        keGongPiaoJu: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        ziZhiBiaoZhun: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        zhiLiangBiaoZhun: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        fuKuanFangShi: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        shiFouShangJia: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        yaoCaiTuPian: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        kuCunDi: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        qiShouShuLiang: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        wuPiaoShouJia: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        jiaoHuoDi: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        jiYang: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],
        baoZhuang: [
          {required: true, message: '不能为空', trigger: 'blur'}
        ],

      },
      dataList: [],
      pageIndex: 1,
      pageSize: 10,
      totalPage: 0,
      dataListLoading: false,
      dataListSelections: [],
      addOrUpdateVisible: false,

      infoList:[],
      infoLoading: false,
      infoVisible: false,
      gongYingLeiXList:[],
      list1:[],
      isBoolean1: false,

    }
  },
  components:{
    ImgUpload
  },
  mounted() {
    // this.getDataList()
  },
  activated() {
    this.getDataList()
    this.getGongYingLeiXing()
  },
  methods: {

    getDataList(pageIndex) {
      if (pageIndex) {
        this.pageIndex = pageIndex
      }
      this.dataListLoading = true
      this.$http({
        url: this.$http.adornUrl('/api-trading/gongYingGuanLi/gongYingGuanLiYaoCaiGongYing/list'),
        method: 'get',
        params: this.$http.adornParams({
          'page': this.pageIndex,
          'limit': this.pageSize,
          'gongYingLeiXing': this.dataForm.gongYingLeiXing,
          'yaoCaiMingCheng': this.dataForm.yaoCaiMingCheng,
          'kuCun': this.dataForm.kuCun,
          'gongYingShuLiang': this.dataForm.gongYingShuLiang,
          'guiGe': this.dataForm.guiGe,
          'zhuangTai': this.dataForm.zhuangTai,
          'lianXiRen': this.dataForm.lianXiRen,
          'lianXiDianHua': this.dataForm.lianXiDianHua,
          'yaoCaiChanDi': this.dataForm.yaoCaiChanDi,
          'jiaGe': this.dataForm.jiaGe,
          'faBuShiJian': this.dataForm.faBuShiJian,
          'qiYe': this.dataForm.qiYe,
          'keGongPiaoJu': this.dataForm.keGongPiaoJu,
          'ziZhiBiaoZhun': this.dataForm.ziZhiBiaoZhun,
          'zhiLiangBiaoZhun': this.dataForm.zhiLiangBiaoZhun,
          'fuKuanFangShi': this.dataForm.fuKuanFangShi,
          'shiFouShangJia': this.dataForm.shiFouShangJia,
          'yaoCaiTuPian': this.dataForm.yaoCaiTuPian,
          'kuCunDi': this.dataForm.kuCunDi,
          'qiShouShuLiang': this.dataForm.qiShouShuLiang,
          'wuPiaoShouJia': this.dataForm.wuPiaoShouJia,
          'jiaoHuoDi': this.dataForm.jiaoHuoDi,
          'jiYang': this.dataForm.jiYang,
          'baoZhuang': this.dataForm.baoZhuang,
          'guanLianYongHu': this.yongHuId,
        })
      }).then(({data}) => {
        if (data && data.code === 0) {
          this.dataList = data.data.records
          this.totalPage = Number(data.data.total)
        } else {
          this.dataList = []
          this.totalPage = 0
        }
        this.dataListLoading = false
      })
    },
    xiaJiaHandel(id){
      this.$http({
        url: this.$http.adornUrl(`/api-trading/gongYingGuanLi/gongYingGuanLiYaoCaiGongYing/save`),
        method: 'post',
        data: this.$http.adornData({
          'id': id,
          'shiFouShangJia': "下架",
        })
      }).then(({data}) => {
        if (data && data.code === 0) {
          this.$message({
            message: '操作成功',
            type: 'success',
            duration: 1500,
            onClose: () => {
              this.addOrUpdateVisible = false
              this.getDataList()
            }
          })
        } else {
          this.$message.error(data.msg)
        }
      })
    },
    getGongYingLeiXing(){
      this.gongYingLeiXList=[]
      this.$http({
        url: this.$http.adornUrl(`/api-trading/system/sysDirectory/queryDataByType`),
        method: 'get',
        params: this.$http.adornParams({"dtyKeyCode":'gongyingleixing'})
      }).then(({data}) => {
        if (data && data.code === 0) {
          this.gongYingLeiXList=data.data

        }
      })
    },
    changeGongYing(val){
      this.dataSaveForm.gongYingLeiXingName = this.gongYingLeiXList.find( item => item.id ==val).value
    },
    // 每页数
    sizeChangeHandle(val) {
      this.pageSize = val
      this.pageIndex = 1
      this.getDataList()
    },
    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val
      this.getDataList()
    },
    // 多选
    selectionChangeHandle(val) {
      this.dataListSelections = val
    },
    qx() {
      this.addOrUpdateVisible = false;

    },
    // 新增 / 修改
    addOrUpdateHandle(id) {
      this.addOrUpdateVisible = true;
      this.$nextTick(() => {
        this.$refs['dataForm'].resetFields()
        if (id) {
          this.$http({
            url: this.$http.adornUrl(`/api-trading/gongYingGuanLi/gongYingGuanLiYaoCaiGongYing/getById`),
            method: 'get',
            params: this.$http.adornParams({"id":id})
          }).then(({data}) => {
            if (data && data.code === 0) {
              this.dataSaveForm.id = data.data.id
              this.dataSaveForm.gongYingLeiXing = data.data.gongYingLeiXing;
              this.dataSaveForm.yaoCaiMingCheng = data.data.yaoCaiMingCheng;
              this.dataSaveForm.kuCun = data.data.kuCun;
              this.dataSaveForm.gongYingShuLiang = data.data.gongYingShuLiang;
              this.dataSaveForm.guiGe = data.data.guiGe;
              this.dataSaveForm.zhuangTai = data.data.zhuangTai;
              this.dataSaveForm.lianXiRen = data.data.lianXiRen;
              this.dataSaveForm.lianXiDianHua = data.data.lianXiDianHua;
              this.dataSaveForm.yaoCaiChanDi = data.data.yaoCaiChanDi;
              this.dataSaveForm.jiaGe = data.data.jiaGe;
              this.dataSaveForm.qiYe = data.data.qiYe;
              this.dataSaveForm.keGongPiaoJu = data.data.keGongPiaoJu;
              this.dataSaveForm.ziZhiBiaoZhun = data.data.ziZhiBiaoZhun;
              this.dataSaveForm.zhiLiangBiaoZhun = data.data.zhiLiangBiaoZhun;
              this.dataSaveForm.fuKuanFangShi = data.data.fuKuanFangShi;
              this.dataSaveForm.shiFouShangJia = data.data.shiFouShangJia;
              this.dataSaveForm.yaoCaiTuPian = data.data.yaoCaiTuPian;
              if(data.data.yaoCaiTuPian){
                this.list1=[];
                this.list1.push({name: 'img', url: this.$http.adornUrl('/api-file/file/view/file?fileId=' + data.data.yaoCaiTuPian)})
                this.isBoolean1 = true
              }
              this.dataSaveForm.kuCunDi = data.data.kuCunDi;
              this.dataSaveForm.qiShouShuLiang = data.data.qiShouShuLiang;
              this.dataSaveForm.wuPiaoShouJia = data.data.wuPiaoShouJia;
              this.dataSaveForm.jiaoHuoDi = data.data.jiaoHuoDi;
              this.dataSaveForm.jiYang = data.data.jiYang;
              this.dataSaveForm.baoZhuang = data.data.baoZhuang;

            }
          })
        }
      })

    },
    qxinfo() {
      this.infoVisible = false;

    },
    // 新增 / 修改
    infoHandle(id) {
      this.infoVisible = true;
      this.infoList=[];
      this.$http({
        url: this.$http.adornUrl(`/api-trading/gongYingGuanLi/gongYingGuanLiYaoCaiGongYing/getById`),
        method: 'get',
        params: this.$http.adornParams({"id":id})
      }).then(({data}) => {
        if (data && data.code === 0) {
          this.infoList=data.data;
        }
      })
    },
    // 删除
    deleteHandle(id) {
      var ids = id ? [id] : this.dataListSelections.map(item => {
        return item.id
      })
      this.$confirm(`确定要进行删除操作?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$http({
          url: this.$http.adornUrl('/api-trading/gongYingGuanLi/gongYingGuanLiYaoCaiGongYing/delByIds'),
          method: 'post',
          data: this.$http.adornData(ids, false)
        }).then(({data}) => {
          if (data && data.code === 0) {
            this.$message({
              message: '操作成功',
              type: 'success',
              duration: 1500,
              onClose: () => {
                this.getDataList()
              }
            })
          } else {
            this.$message.error(data.msg)
          }
        })
      })
    },
    // 表单提交
    dataFormSubmit() {
      this.$refs['dataForm'].validate((valid) => {
        if (valid) {
          this.$http({
            url: this.$http.adornUrl(`/api-trading/gongYingGuanLi/gongYingGuanLiYaoCaiGongYing/save`),
            method: 'post',
            data: this.$http.adornData({
              'id': this.dataSaveForm.id || undefined,
              'gongYingLeiXing': this.dataSaveForm.gongYingLeiXing,
              'gongYingLeiXingName': this.dataSaveForm.gongYingLeiXingName,
              'yaoCaiMingCheng': this.dataSaveForm.yaoCaiMingCheng,
              'kuCun': this.dataSaveForm.kuCun,
              'gongYingShuLiang': this.dataSaveForm.gongYingShuLiang,
              'guiGe': this.dataSaveForm.guiGe,
              'zhuangTai': this.dataSaveForm.zhuangTai,
              'lianXiRen': this.dataSaveForm.lianXiRen,
              'lianXiDianHua': this.dataSaveForm.lianXiDianHua,
              'yaoCaiChanDi': this.dataSaveForm.yaoCaiChanDi,
              'jiaGe': this.dataSaveForm.jiaGe,
              'faBuShiJian': this.dataSaveForm.faBuShiJian,
              'qiYe': this.dataSaveForm.qiYe,
              'keGongPiaoJu': this.dataSaveForm.keGongPiaoJu,
              'ziZhiBiaoZhun': this.dataSaveForm.ziZhiBiaoZhun,
              'zhiLiangBiaoZhun': this.dataSaveForm.zhiLiangBiaoZhun,
              'fuKuanFangShi': this.dataSaveForm.fuKuanFangShi,
              'shiFouShangJia': this.dataSaveForm.shiFouShangJia,
              'yaoCaiTuPian': this.dataSaveForm.yaoCaiTuPian,
              'kuCunDi': this.dataSaveForm.kuCunDi,
              'qiShouShuLiang': this.dataSaveForm.qiShouShuLiang,
              'wuPiaoShouJia': this.dataSaveForm.wuPiaoShouJia,
              'jiaoHuoDi': this.dataSaveForm.jiaoHuoDi,
              'jiYang': this.dataSaveForm.jiYang,
              'baoZhuang': this.dataSaveForm.baoZhuang,
              'guanLianYongHu': this.dataSaveForm.guanLianYongHu,
            })
          }).then(({data}) => {
            if (data && data.code === 0) {
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                  this.addOrUpdateVisible = false
                  this.getDataList()
                }
              })
            } else {
              this.$message.error(data.msg)
            }
          })
        }
      })


    },
  }
}
</script>
<style>
.imgBox {
  border: 1px solid #ebeef5;
  border-left: none;
  width: 100%;
  height: 100%;
  position: relative;
  .devImg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
    max-height: 100%;
    padding: 12px 10px;
  }
}
.my-content{
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
//height: 100vh; /* 设置容器高度为视口高度 */
  align-items:center;text-align: center;
  font-weight:bold;font-size: 18px;

}
.custom-title{
  margin-bottom: 20px;
//margin-top: 20px;
}
.myLableClassName {
  color: rgb(19 35 29 / 77%);text-align:right;font-weight:bold;font-size: 16px;
}
.myContentClassName{
//color: rgb(19 35 29);text-align:right;
}

</style>
